<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>22001010913刘文奇-编辑求职偏好</title>
    <link rel="stylesheet" href="liuwenqi5.css">
        
</head>
<body>
    <div class="liu-container">
        <h2>编辑求职偏好</h2>
        <h6>为你精准匹配优质岗位</h6>
        <div class="liu-field">
            <label for="position">期望职位</label>
            <input type="text" id="position" value="Java">
        </div>
        <div class="liu-field">
            <label for="industry">期望行业</label>
            <input type="text" id="industry" value="不限">
        </div>
        <div class="liu-field">
            <label for="city">期望城市</label>
            <input type="text" id="city" value="全国">
        </div>
        <div class="liu-field">
            <label for="arrival-time">到岗时间</label>
            <select id="arrival-time">
                <option value="">请选择</option>
                <option value="随时">随时</option>
                <option value="一周内">一周内</option>
                <option value="一个月内">一个月内</option>
            </select>
        </div>
        <div class="liu-tab">
            <button class="tablinks" onclick="openTab(event, 'Tab1')">实习</button>
            <button class="tablinks" onclick="openTab(event, 'Tab2')">校招</button>
            <button class="tablinks" onclick="openTab(event, 'Tab3')">实习+校招</button>
          </div>
          
          <div id="Tab1" class="tabcontent">
            <h3>实习</h3>
            <p>*适用于非毕业年级同学短期提升背景</p>
          </div>
          
          <div id="Tab2" class="tabcontent">
            <h3>校招</h3>
            <p>*应届毕业生获得第一份正式工作的优质渠道</p>
          </div>
          
          <div id="Tab3" class="tabcontent">
            <h3>实习+校招</h3>
            <p>*适用于处于升学 (Gap期 ）同学</p>
          </div>
          
          <script>
            function openTab(evt, tabName) {
              var i, tabcontent, tablinks;
              tabcontent = document.getElementsByClassName("tabcontent");
              for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
              }
              tablinks = document.getElementsByClassName("tablinks");
              for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
              }
              document.getElementById(tabName).style.display = "block";
              evt.currentTarget.className += " active";
            }
          </script>
</body>
</html>
